<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>开展监管工作情况</title>
    <script src="../../js/header.js"></script>
    <style type="text/css">
        html, body, #app {
            padding: 0px;
            margin: 0px;
        }

        #app {
            border-top: 3px solid #0D9AFF;
            padding: 25px;
            /*background: url(../../images/bg.png) no-repeat;
            background-size: cover;*/
            /*background-attachment: fixed;*/
        }

        .tab-title {
            font-size: 16px;
            font-weight: bold;
            border-left: 4px solid #0D9AFF;
            font-family: PingFangSC-Medium;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        .pagination {
            text-align: center;
            margin-top: 30px;
        }

        .el-dialog__footer {
            padding: 10px 20px 20px;
            text-align: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .el-dialog__body {
            color: rgb(96, 98, 102);
            font-size: 14px;
            word-break: break-all;
            padding: 0px 20px;
        }

        .el-input__inner {
            -webkit-appearance: none;
            background-color: #FFF;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #DCDFE6;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 30px;
            line-height: 30px;
            outline: 0;
            padding: 0 15px;
            -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
            transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
            width: 100%;
        }

        #companycredit .el-input,
        #companycredit .el-select,
        #companycredit .el-input-number {
            width: 100%;
        }

        .listed .el-form-item__label {
            letter-spacing: 3px;
        }

        /* 搜索按钮样式修改 */
        #companycredit .el-button.is-circle.search_btn {
            position: absolute;
            right: 0;
            top: 0;
            border: 0;
            background: none;
        }

        #companycredit .el-button.is-circle.search_btn i {
            font-size: 17px;
        }

        .companycredit_gonggao .el-form-item__content {
            margin-left: 0 !important;
        }

        #companycredit .companycredit_publicstate .el-select {
            width: auto;
        }

        /* 拟制公告---封装样式 */
        .content_tab {
            padding: 20px 0;
        }

        .border_btm {
            border-bottom: 1px solid #ddd;
        }

        .border_right {
            border-right: 1px solid #ddd;
        }
    </style>
</head>

<body>
<div v-cloak id="app">
    <!--1 搜查div-->
    <div style="margin-top: 10px; border-bottom:1px solid rgba(200,200,200,0.43);;">
        <el-form :model="selectForm" ref="selectForm" label-width="150px">
            <!-- 第一行-->
            <el-row>
                <el-col :span="6">
                    <el-form-item label="监管工作名称:" style="width: 330px;" prop="projectName" label-width="100px">
                        <el-input v-model="selectForm.projectName" style="width: 250px;"
                                  placeholder="输入项目名称"></el-input>
                    </el-form-item>
                </el-col>
                <!--<el-col span="6">
                    <el-form-item label="建设类别:" style="width: 330px;" label-width="100px" prop="projectType">
                        <el-select v-model="selectForm.projectType" placeholder="请选择项目类别" style="width: 250px;">
                            <el-option label="工业民用建筑" value="0"></el-option>
                            <el-option label="基础设施" value="1"></el-option>
                            <el-option label="能源" value="2"></el-option>
                            <el-option label="水利" value="3"></el-option>
                            <el-option label="严重次生灾害工程" value="4"></el-option>
                            <el-option label="其它" value="5"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>-->
                <el-col :span="6">
                    <el-form-item label="监管类别:" style="width: 330px;" label-width="110px" prop="suType">
                        <el-select v-model="selectForm.suType" placeholder="请选择监管类别" style="width: 250px;">
                            <el-option label="安评工作成果落实(全覆盖监管)" value="3"></el-option>
                            <el-option label="安评工作成果落实(随机监管)" value="2"></el-option>
                            <el-option label="区域地震安全性评估成果落实" value="0"></el-option>
                            <el-option label="地震小区划工作成果落实" value="1"></el-option>
                            <el-option label="对安评单位的监管" value="4"></el-option>
                            <el-option label="设防强制性标准的落实" value="5"></el-option>
                            <el-option label="行政执法行为监管结果落实" value="6"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="填报人员:" style="width: 330px;" prop="suCreateUser" label-width="100px">
                        <el-input v-model="selectForm.suCreateUser" style="width: 250px;"
                                  placeholder="输入填报人员"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <!-- 第二行-->
            <el-row>
                <el-col span="6">
                    <el-form-item label="审定状态:" style="width: 330px;" prop="checkStatus" label-width="100px">
                        <el-select v-model="selectForm.checkStatus" placeholder="请选择审定状态" style="width: 250px;">
                            <el-option label="未提交" value="0"></el-option>
                            <el-option label="已提交未审定" value="1"></el-option>
                            <el-option label="审定未通过" value="2"></el-option>
                            <el-option label="审定已通过" value="3"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <!--<el-col :span="6">
                    <el-form-item label="监管时间:" prop="suTime" label-width="110px">
                        <el-input v-model="selectForm.suTime" style="width: 250px;"
                                  placeholder="格式：2019-12-01"></el-input>
                    </el-form-item>
                </el-col>-->
                <div style="float: right;margin-bottom:30px">
                    <el-button v-if="orgName!='中国'" type="primary" size="small" style="width: 60px;height: 32px;"
                               @click="apply">新增
                    </el-button>
                    <el-button type="primary" size="small" style="width: 60px;height: 32px;"
                               @click="searchForm('selectForm')">查询
                    </el-button>
                    <el-button type="warning" size="small" style="width: 60px;height: 32px;"
                               @click="resetForm('selectForm')">重置
                    </el-button>
                </div>
            </el-row>
        </el-form>
    </div>

    <!--2 分页表单-->
    <el-table :data="commonproject" border style="width: 100%;margin-top: 35px;"
              :header-cell-style="{background:'#eef1f6',color:'#606266'}">
        <el-table-column type="selection"></el-table-column>
        <el-table-column
                :resizable="false"
                type="index"
                label="序号"
                width="80" align="center">
        </el-table-column>
        <el-table-column
                prop="projectName"
                label="监管工作名称"
                width="260"
                :show-overflow-tooltip="true"
                align="center">
        </el-table-column>
        <!--<el-table-column
                prop="projectType"
                label="建设类别"
                width="150"
                align="center">
            <template scope="scope">
                &lt;!&ndash;若为数字0的话，空值也会当场0处理&ndash;&gt;
                <span v-if="scope.row.projectType=='0'">工业民用建筑</span>
                <span v-if="scope.row.projectType==1">基础设施</span>
                <span v-if="scope.row.projectType==2">能源</span>
                <span v-if="scope.row.projectType==3">水利</span>
                <span v-if="scope.row.projectType==4">严重次生灾害工程</span>
                <span v-if="scope.row.projectType==5">其它</span>
            </template>
        </el-table-column>-->
        <el-table-column
                prop="suType"
                label="监管类别"
                width="300"
                align="center">
            <template scope="scope">
                <span v-if="scope.row.suType=='0'">区域地震安全性评估成果落实</span>
                <span v-if="scope.row.suType==1">地震小区划工作成果落实</span>
                <span v-if="scope.row.suType==2">安评工作成果落实(随机监管)</span>
                <span v-if="scope.row.suType==3">安评工作成果落实(全覆盖监管)</span>
                <span v-if="scope.row.suType==4">对安评单位的监管</span>
                <span v-if="scope.row.suType==5">设防强制性标准的落实</span>
                <span v-if="scope.row.suType==6">行政执法行为监管结果落实</span>
            </template>
        </el-table-column>
        <el-table-column
                prop="checkStatus"
                label="审定状态"
                width="140"
                align="center">
            <template scope="scope">
                <span v-if="scope.row.checkStatus==0" style="color:#53b4ff;">未提交</span>
                <span v-if="scope.row.checkStatus==1" style="color:#F19437;">已提交待审定</span>
                <span v-if="scope.row.checkStatus==2" style="color:#FF4949;">审定未通过</span>
                <span v-if="scope.row.checkStatus==3" style="color: #67C23A;">审定已通过</span>
            </template>
        </el-table-column>
        <el-table-column
                prop="suCreateUser"
                label="填报人员"
                width="150"
                align="center">
        </el-table-column>
        <el-table-column
                prop="suCreateTime"
                label="填报时间"
                width="150"
                align="center">
        </el-table-column>

        <!--操作按钮-->
        <el-table-column
                label="操作"
                width=""
                align="center">
            <template slot-scope="scope">
                <!--若上报状态为1：已上报，只展示查看-->
                <span v-if="scope.row.reportStatus==1&&orgName=='中国'" style="color:#F19437;">
                    <el-button type="" size="mini"
                               @click="view(scope.$index,scope.row);viewdialogForm = true">查看</el-button>
                    <el-button v-if="scope.row.noticeStatus=='0'" type="info" size="mini"
                               @click="gongGao(scope.$index,scope.row)">拟制公告</el-button>
                   <!-- <el-button v-if="scope.row.noticeStatus=='1'" type="primary" size="mini" disabled>拟制公告</el-button>-->
               		<el-button v-if="scope.row.noticeStatus=='1'" type="" size="mini"
                               @click="viewgongGao(scope.$index,scope.row)">查看公告</el-button>
                </span>
                <!--若上报状态为0：未上报-->
                <span v-if="scope.row.reportStatus==0||(scope.row.reportStatus=='1'&&orgName!='中国')"
                      style="color:#67C23A;">
                        <el-button type=""
                                   size="mini"
                                   @click="view(scope.$index,scope.row);viewdialogForm = true">
                            查看
                        </el-button>

                    <!--修改功能-->
                        <el-button v-if="scope.row.checkStatus==0||scope.row.checkStatus==2"
                                   type="primary"
                                   size="mini"
                                   @click="edit(scope.$index,scope.row);editdialogForm = true">
                            修改
                        </el-button>
                        <el-button v-if="scope.row.checkStatus==1||scope.row.checkStatus==3"
                                   type="primary"
                                   size="mini"
                                   disabled>
                            修改
                        </el-button>

                    <!--提交功能-->
                        <el-button v-if="scope.row.checkStatus==0"
                                   type="success"
                                   size="mini"
                                   @click="submit(scope.$index,scope.row)">
                            提交
                        </el-button>
                        <el-button v-if="scope.row.checkStatus!=0"
                                   type="success"
                                   size="mini"
                                   disabled>
                            提交
                        </el-button>

                    <!--删除功能：状态为0：未提交时可以删除，其他状态不可用-->
                        <el-button v-if="scope.row.checkStatus==0"
                                   type="danger"
                                   size="mini"
                                   @click="del(scope.$index,scope.row);">
                            删除
                        </el-button>
                        <el-button v-if="scope.row.checkStatus!=0"
                                   type="danger"
                                   size="mini"
                                   disabled>
                            删除
                        </el-button>
                </span>
            </template>
        </el-table-column>
    </el-table>
    <div style="overflow: hidden;">
        <div class="pagination">
            <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="currentPage"
                    :page-sizes="[10, 20, 30, 40]"
                    :page-size="pagesize"
                    background
                    layout="total, sizes,prev, pager, next"
                    :total="tableTotal"
                    prev-text="上一页"
                    next-text="下一页">
            </el-pagination>
        </div>
    </div>

    <!--2. 新增弹窗-->
    <el-dialog title="" :visible.sync="newdialogForm" center fullscreen>
        <div style="margin-top: 10px;">
            <el-form>
                <el-row>
                    <el-col :span="9">
                        <el-form-item label="监管类别:" prop="" label-width="110px">
                            <el-select v-model="newcommonproject.supervision.suType" placeholder="请选择监管类别" style="width: 300px;" @change="chooseSutype">
                                <el-option label="安评工作成果落实(全覆盖监管)" value="3"></el-option>
                                <el-option label="安评工作成果落实(随机监管)" value="2"></el-option>
                                <el-option label="区域地震安全性评估成果落实" value="0"></el-option>
                                <el-option label="地震小区划工作成果落实" value="1"></el-option>
                                <el-option label="对安评单位的监管" value="4"></el-option>
                                <el-option label="设防强制性标准的落实" value="5"></el-option>
                                <el-option label="行政执法行为监管结果落实" value="6"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <el-form v-show="newsup" :model="newcommonproject" :rules="rules" ref="newcommonproject" label-width="140px">
                <div v-for="(item,index) in newcommonproject.supervisionChildren">
                    <!--建设工程概况-->
                    <el-row>
                        <el-col :span="4" class="tab-title">
                            建设工程概况
                        </el-col>
                    </el-row>
                    <!--第一行-->
                    <el-row>
                        <!--第一列-->
                        <el-col :span="10" v-if="supType == '4'">
                            <el-form-item label="安评单位名称:" :prop="'supervisionChildren.'+index+'.recordProjectName'" :rules="rules.recordProjectName" label-width="110px">
                                <el-input v-model="item.recordProjectName" placeholder=""
                                          style="width: 500px;" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="10" v-if="supType == '0' || supType == '1' || supType == '2'  || supType == '3'">
                            <el-form-item label="监管项目名称:"  :prop="'supervisionChildren.'+index+'.recordProjectName'" :rules="rules.recordProjectName" label-width="110px">
                                <el-input v-model="item.recordProjectName" placeholder=""
                                          style="width: 500px;" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="10" v-if="supType == '5' || supType == '6'">
                            <el-form-item label="建设项目名称:" :prop="'supervisionChildren.'+index+'.recordProjectName'" :rules="rules.recordProjectName" label-width="110px">
                                <el-input v-model="item.recordProjectName" placeholder=""
                                          style="width: 500px;"></el-input>
                            </el-form-item>
                        </el-col>
                        <!--第二列-->
                        <el-col :span="9" v-if="supType == '5' || supType == '6'">
                            <el-form-item label="建设类别:" :prop="'supervisionChildren.'+index+'.recordProjectType'" :rules="rules.recordProjectType" label-width="110px">
                                <el-select v-model="item.recordProjectType" placeholder="请选择项目类别"
                                           style="width: 300px;">
                                    <el-option label="工业民用建筑" value="0"></el-option>
                                    <el-option label="基础设施" value="1"></el-option>
                                    <el-option label="能源" value="2"></el-option>
                                    <el-option label="水利" value="3"></el-option>
                                    <el-option label="严重次生灾害工程" value="4"></el-option>
                                    <el-option label="其它" value="5"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9" v-if="supType == '0'|| supType == '1'">
                            <el-form-item label="用地类型:" :prop="'supervisionChildren.'+index+'.recordLandType'" :rules="rules.recordLandType" label-width="110px">
                                <el-select v-model="item.recordLandType"  placeholder="请选择项目类别"
                                           style="width: 300px;" disabled>
                                    <el-option label="涉核设施" value="0"></el-option>
                                    <el-option label="国家水电工程" value="1"></el-option>
                                    <el-option label="特殊设防类工程" value="2"></el-option>
                                    <el-option label="严重次生灾害工程" value="3"></el-option>
                                    <el-option label="省级重大建设工程" value="4"></el-option>
                                    <el-option label="重要基础设施" value="5"></el-option>
                                    <el-option label="其他" value="6"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9" v-if="supType == '2'|| supType == '3'">
                            <el-form-item label="工程类别:" :prop="'supervisionChildren.'+index+'.recordProjectType'" :rules="rules.recordProjectType" label-width="110px">
                                <el-form-item prop="">
                                    <el-select  v-model="item.recordProjectType" style="width: 300px;" disabled>
                                        <el-option label="涉核设施" value="0"></el-option>
                                        <el-option label="国家水电工程" value="1"></el-option>
                                        <el-option label="特殊设防类工程" value="2"></el-option>
                                        <el-option label="严重次生灾害工程" value="3"></el-option>
                                        <el-option label="省级重大建设工程" value="4"></el-option>
                                        <el-option label="重要基础设施" value="5"></el-option>
                                        <el-option label="其他" value="6"></el-option>
                                    </el-select>
                                </el-form-item>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9" v-if="supType == '4'">
                            <el-form-item label="单位性质:"  label-width="110px">
                                <el-select  v-model="item.syUnitType" placeholder="请选择" ref="syUnitType" disabled>
                                    <el-option label="事业" value="事业"></el-option>
                                    <el-option label="企业" value="企业"></el-option>
                                </el-select>

                                <el-select  v-model="item.qyUnitType" placeholder="请选择" ref="qyUnitType" disabled>

                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第二行-->
                    <el-row>
                        <!--第一列-->
                        <el-col :span="10" v-if="supType == '0' || supType == '1' || supType == '2'  || supType == '3'">
                            <el-form-item label="项目地址:" v-model="item.recordProjectAddress" :prop="'supervisionChildren.'+index+'.recordProjectAddress'" :rules="rules.recordProjectAddress"
                                          label-width="110px">
		                        <span v-for="(items,indexs) in item.recordProjectAddress">
		                            <el-select v-model="items.provinceValue" placeholder="请选择省" @change="chooseProvince"
                                               style="width: 150px;" disabled>
		                                <el-option
                                                v-for="item in provinceData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                            <span style="color: #C0CCDA;;">—</span>
		                            <el-select v-model="items.cityValue" placeholder="请选择市" @change="chooseCity"
                                               style="width: 150px;" disabled>
		                                <el-option
                                                v-for="item in cityData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                            <span style="color: #C0CCDA;;">—</span>
		                            <el-select v-model="items.areaValue" @change="chooseArea" placeholder="请选择区、县"
                                               style="width: 150px;" disabled>
		                                <el-option
                                                v-for="item in areaData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                        </span>
                            </el-form-item>

                        </el-col>
                        <el-col :span="10" v-if="supType == '4'">
                            <el-form-item label="注册地址:"  :prop="'supervisionChildren.'+index+'.recordProjectAddress'" :rules="rules.recordProjectAddress" label-width="110px">
                                <el-input v-model="item.recordProjectAddress" placeholder="" style="width: 500px;" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="10" v-if="supType == '5' || supType == '6'">
                            <el-form-item label="项目地址:" v-model="item.recordProjectAddress" :prop="'supervisionChildren.'+index+'.recordProjectAddress'" :rules="rules.recordProjectAddress"
                                          label-width="110px">
                                <el-select v-model="provinceValue" placeholder="请选择省" @change="chooseProvince"
                                           style="width: 150px;">
                                    <el-option
                                            v-for="item in provinceData"
                                            :key="item.code"
                                            :label="item.name"
                                            :value="item.name">
                                    </el-option>
                                </el-select>
                                <span style="color: #C0CCDA;;">—</span>
                                <el-select v-model="cityValue" placeholder="请选择市" @change="chooseCity"
                                           style="width: 150px;">
                                    <el-option
                                            v-for="item in cityData"
                                            :key="item.code"
                                            :label="item.name"
                                            :value="item.name">
                                    </el-option>
                                </el-select>
                                <span style="color: #C0CCDA;;">—</span>
                                <el-select v-model="areaValue" @change="chooseArea" placeholder="请选择区、县"
                                           style="width: 150px;">
                                    <el-option
                                            v-for="item in areaData"
                                            :key="item.code"
                                            :label="item.name"
                                            :value="item.name">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="10">
                            <el-form-item label="监管日期:" :prop="'supervisionChildren.'+index+'.suTime'" :rules="rules.suTime" label-width="110px">
                                <el-date-picker
                                        type="date"
                                        v-model="item.suTime"
                                        value-format="yyyy-MM-dd"
                                        placeholder="选择监管日期">
                                </el-date-picker>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9">
                            <el-form-item label="监管结果:" :prop="'supervisionChildren.'+index+'.suResult'" :rules="rules.suResult" label-width="110px">
                                <el-select v-model="item.suResult" placeholder="请选择监管结果" style="width: 300px;">
                                    <el-option label="符合要求" value="0"></el-option>
                                    <el-option label="责令整改" value="1"></el-option>
                                    <el-option label="处罚" value="2"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="监管情况说明:" :prop="'supervisionChildren.'+index+'.suExplain'" :rules="rules.suExplain" label-width="110px">
                                <el-input
                                        type="textarea"
                                        :autosize="{ minRows: 8, maxRows: 8}"
                                        placeholder=""
                                        maxlength="500"
                                        show-word-limit
                                        v-model="item.suExplain">
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </div>

                <!--项目填报信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        项目填报信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="监管工作名称:" prop="supervision.projectName" :rules="rules.projectName" label-width="110px">
                            <el-input v-model="newcommonproject.supervision.projectName" placeholder="请输入监管工作名称"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="填报日期:" prop="supervision.suCreateTime" :rules="rules.suCreateTime" label-width="110px">
                            <el-date-picker
                                    v-model="newcommonproject.supervision.suCreateTime"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择填报日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="填报人员:" prop="supervision.suCreateUser" :rules="rules.suCreateUser" label-width="110px">
                            <el-input v-model="newcommonproject.supervision.suCreateUser" placeholder="请输入填报人员"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="填报部门:" prop="supervision.suCreateDepartment" :rules="rules.suCreateDepartment" label-width="110px">
                            <el-input v-model="newcommonproject.supervision.suCreateDepartment" placeholder="请输入填报部门"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="备注:" prop="" label-width="110px">
                            <el-input
                                    type="textarea"
                                    :autosize="{ minRows: 8, maxRows: 8}"
                                    placeholder=""
                                    maxlength="500"
                                    show-word-limit
                                    v-model="newcommonproject.supervision.suRemark">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--操作按钮-->
                <el-row>
                    <el-col :span="22">
                        <div style="float:right;">
                            <el-button type="primary" size="small" style="width: 60px;height: 30px;"
                                       @click="onSubmit('newcommonproject')">
                                暂存
                            </el-button>
                            <el-button type="primary" size="small" style="width: 60px;height: 30px;"
                                       @click="saveonSubmit('newcommonproject')">提交
                            </el-button>
                            <el-button type="info" size="small" style="width: 60px;height: 30px;"
                                       @click="resetForm('newcommonproject');canCel();newdialogForm = false">取消
                            </el-button>
                        </div>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </el-dialog>

    <!--新增里面，点击监管类别，出现的分页项目信息-->
    <el-dialog title="开展工作监管任务" :visible.sync="dialogFormVisible" width="70%" :before-close="handleDialogClose">
        <el-table :data="supTask" border style="width: 100%;"
                  :header-cell-style="{background:'#eef1f6',color:'#606266'}">
            <el-table-column
                    v-if="supType == '3'"
                    prop="recordProjectName"
                    label="开展监管工作名称"
                    width="" align="center">
                <template slot-scope="{row}">
                    <el-link @click="cellClick(row,$event)">{{row.recordProjectName}}</el-link>
                </template>
            </el-table-column>
            <el-table-column
                    v-if="supType == '4'"
                    prop="taskTitle"
                    label="开展监管工作名称"
                    width="" align="center">
                <template slot-scope="{row}">
                    <el-link @click="cellClick(row,$event)">{{row.taskTitle}}</el-link>
                </template>
            </el-table-column>
            <el-table-column
                    v-if="supType != '4' && supType != '3'"
                    prop="superTitle"
                    label="开展监管工作名称"
                    width="" align="center">
                <template slot-scope="{row}">
                    <el-link @click="cellClick(row,$event)">{{row.superTitle}}</el-link>
                </template>
            </el-table-column>
            <!--<el-table-column
                    prop="projectName"
                    label="开展监管工作类别"
                    width="300"
                    align="center">
            </el-table-column>-->
        </el-table>
        <div style="overflow: hidden;">
            <div class="pagination">
                <el-pagination
                        @size-change="handleSizeChange1"
                        @current-change="handleCurrentChange1"
                        :current-page="currentPage1"
                        :page-sizes="[5, 10, 20, 40]"
                        :page-size="pagesize1"
                        background
                        layout="total, sizes,prev, pager, next"
                        :total="tableTotal1"
                        prev-text="上一页"
                        next-text="下一页">
                </el-pagination>
            </div>
        </div>
    </el-dialog>

    <!--3. 查看弹窗-->
    <el-dialog title="" :visible.sync="viewdialogForm" center fullscreen>
        <div style="margin-top: 10px;">
            <el-form v-show="newsup" :model="viewcommonproject" :rules="rules" ref="viewcommonproject" label-width="140px">
                <div v-for="(item,index) in viewcommonproject.supervisionChildren">
                    <!--建设工程概况-->
                    <el-row>
                        <el-col :span="4" class="tab-title">
                            建设工程概况
                        </el-col>
                    </el-row>
                    <!--第一行-->
                    <el-row>
                        <!--第一列-->
                        <el-col :span="10" v-if="supType == '4'">
                            <el-form-item label="安评单位名称:" :prop="'supervisionChildren.'+index+'.recordProjectName'" :rules="rules.recordProjectName" label-width="110px">
                                <el-input v-model="item.recordProjectName" placeholder=""
                                          style="width: 500px;" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="10" v-if="supType == '0' || supType == '1' || supType == '2'  || supType == '3'">
                            <el-form-item label="监管项目名称:"  :prop="'supervisionChildren.'+index+'.recordProjectName'" :rules="rules.recordProjectName" label-width="110px">
                                <el-input v-model="item.recordProjectName" placeholder=""
                                          style="width: 500px;" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="10" v-if="supType == '5' || supType == '6'">
                            <el-form-item label="建设项目名称:" :prop="'supervisionChildren.'+index+'.recordProjectName'" :rules="rules.recordProjectName" label-width="110px">
                                <el-input v-model="item.recordProjectName" placeholder=""
                                          style="width: 500px;" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <!--第二列-->
                        <el-col :span="9" v-if="supType == '5' || supType == '6'">
                            <el-form-item label="建设类别:" :prop="'supervisionChildren.'+index+'.recordProjectType'" :rules="rules.recordProjectType" label-width="110px">
                                <el-select v-model="item.recordProjectType" placeholder="请选择项目类别"
                                           style="width: 300px;" disabled>
                                    <el-option label="工业民用建筑" value="0"></el-option>
                                    <el-option label="基础设施" value="1"></el-option>
                                    <el-option label="能源" value="2"></el-option>
                                    <el-option label="水利" value="3"></el-option>
                                    <el-option label="严重次生灾害工程" value="4"></el-option>
                                    <el-option label="其它" value="5"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9" v-if="supType == '0'|| supType == '1'">
                            <el-form-item label="用地类型:" :prop="'supervisionChildren.'+index+'.recordLandType'" :rules="rules.recordLandType" label-width="110px">
                                <el-select v-model="item.recordLandType"  placeholder="请选择项目类别"
                                           style="width: 300px;" disabled>
                                    <el-option label="涉核设施" value="0"></el-option>
                                    <el-option label="国家水电工程" value="1"></el-option>
                                    <el-option label="特殊设防类工程" value="2"></el-option>
                                    <el-option label="严重次生灾害工程" value="3"></el-option>
                                    <el-option label="省级重大建设工程" value="4"></el-option>
                                    <el-option label="重要基础设施" value="5"></el-option>
                                    <el-option label="其他" value="6"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9" v-if="supType == '2'|| supType == '3'">
                            <el-form-item label="工程类别:" :prop="'supervisionChildren.'+index+'.recordProjectType'" :rules="rules.recordProjectType" label-width="110px">
                                <el-form-item prop="">
                                    <el-select  v-model="item.recordProjectType" style="width: 300px;" disabled>
                                        <el-option label="涉核设施" value="0"></el-option>
                                        <el-option label="国家水电工程" value="1"></el-option>
                                        <el-option label="特殊设防类工程" value="2"></el-option>
                                        <el-option label="严重次生灾害工程" value="3"></el-option>
                                        <el-option label="省级重大建设工程" value="4"></el-option>
                                        <el-option label="重要基础设施" value="5"></el-option>
                                        <el-option label="其他" value="6"></el-option>
                                    </el-select>
                                </el-form-item>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9" v-if="supType == '4'">
                            <el-form-item label="单位性质:"  label-width="110px">
                                <el-select  v-model="item.syUnitType" placeholder="请选择" ref="syUnitType" disabled>
                                    <el-option label="事业" value="事业"></el-option>
                                    <el-option label="企业" value="企业"></el-option>
                                </el-select>

                                <el-select  v-model="item.qyUnitType" placeholder="请选择" ref="qyUnitType" disabled>

                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第二行-->
                    <el-row>
                        <!--第一列-->
                        <el-col :span="10" v-if="supType == '0' || supType == '1' || supType == '2'  || supType == '3'">
                            <el-form-item label="项目地址:" v-model="item.recordProjectAddress" :prop="'supervisionChildren.'+index+'.recordProjectAddress'" :rules="rules.recordProjectAddress"
                                          label-width="110px">
		                        <span v-for="(items,indexs) in item.recordProjectAddress">
		                            <el-select v-model="items.provinceValue" placeholder="请选择省" @change="chooseProvince"
                                               style="width: 150px;" disabled>
		                                <el-option
                                                v-for="item in provinceData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                            <span style="color: #C0CCDA;;">—</span>
		                            <el-select v-model="items.cityValue" placeholder="请选择市" @change="chooseCity"
                                               style="width: 150px;" disabled>
		                                <el-option
                                                v-for="item in cityData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                            <span style="color: #C0CCDA;;">—</span>
		                            <el-select v-model="items.areaValue" @change="chooseArea" placeholder="请选择区、县"
                                               style="width: 150px;" disabled>
		                                <el-option
                                                v-for="item in areaData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                        </span>
                            </el-form-item>

                        </el-col>
                        <el-col :span="10" v-if="supType == '4'">
                            <el-form-item label="注册地址:"  :prop="'supervisionChildren.'+index+'.recordProjectAddress'" :rules="rules.recordProjectAddress" label-width="110px">
                                <el-input v-model="item.recordProjectAddress" placeholder="" style="width: 500px;" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="10" v-if="supType == '5' || supType == '6'">
                            <el-form-item label="项目地址:" v-model="item.recordProjectAddress" :prop="'supervisionChildren.'+index+'.recordProjectAddress'" :rules="rules.recordProjectAddress"
                                          label-width="110px">
	                            <span v-for="(items,indexs) in item.recordProjectAddress">
		                            <el-select v-model="items.provinceValue" placeholder="请选择省" @change="chooseProvince"
                                               style="width: 150px;" disabled>
		                                <el-option
                                                v-for="item in provinceData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                            <span style="color: #C0CCDA;;">—</span>
		                            <el-select v-model="items.cityValue" placeholder="请选择市" @change="chooseCity"
                                               style="width: 150px;" disabled>
		                                <el-option
                                                v-for="item in cityData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                            <span style="color: #C0CCDA;;">—</span>
		                            <el-select v-model="items.areaValue" @change="chooseArea" placeholder="请选择区、县"
                                               style="width: 150px;" disabled>
		                                <el-option
                                                v-for="item in areaData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
	                            </span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9">
                            <el-form-item label="监管类别:" prop="supervision.suType" label-width="110px">
                                <el-select v-model="viewcommonproject.supervision.suType" placeholder="请选择监管类别" style="width: 300px;" @change="chooseSutype" disabled>
                                    <el-option label="安评工作成果落实(全覆盖监管)" value="3"></el-option>
                                    <el-option label="安评工作成果落实(随机监管)" value="2"></el-option>
                                    <el-option label="区域地震安全性评估成果落实" value="0"></el-option>
                                    <el-option label="地震小区划工作成果落实" value="1"></el-option>
                                    <el-option label="对安评单位的监管" value="4"></el-option>
                                    <el-option label="设防强制性标准的落实" value="5"></el-option>
                                    <el-option label="行政执法行为监管结果落实" value="6"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="10">
                            <el-form-item label="监管日期:" :prop="'supervisionChildren.'+index+'.suTime'" :rules="rules.suTime" label-width="110px">
                                <el-date-picker
                                        disabled
                                        type="date"
                                        v-model="item.suTime"
                                        value-format="yyyy-MM-dd"
                                        placeholder="选择监管日期">
                                </el-date-picker>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9">
                            <el-form-item label="监管结果:" :prop="'supervisionChildren.'+index+'.suResult'" :rules="rules.suResult" label-width="110px">
                                <el-select v-model="item.suResult" placeholder="请选择监管结果" style="width: 300px;" disabled>
                                    <el-option label="符合要求" value="0"></el-option>
                                    <el-option label="责令整改" value="1"></el-option>
                                    <el-option label="处罚" value="2"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="监管情况说明:" :prop="'supervisionChildren.'+index+'.suExplain'" :rules="rules.suExplain" label-width="110px">
                                <el-input
                                        disabled
                                        type="textarea"
                                        :autosize="{ minRows: 8, maxRows: 8}"
                                        placeholder=""
                                        maxlength="500"
                                        show-word-limit
                                        v-model="item.suExplain">
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </div>

                <!--项目填报信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        项目填报信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="监管工作名称:" prop="supervision.projectName" :rules="rules.projectName" label-width="110px">
                            <el-input v-model="viewcommonproject.supervision.projectName" placeholder="请输入监管工作名称" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="填报日期:" prop="supervision.suCreateTime" :rules="rules.suCreateTime" label-width="110px">
                            <el-date-picker
                                    disabled
                                    v-model="viewcommonproject.supervision.suCreateTime"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择填报日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="填报人员:" prop="supervision.suCreateUser" :rules="rules.suCreateUser" label-width="110px">
                            <el-input v-model="viewcommonproject.supervision.suCreateUser" placeholder="请输入填报人员" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="填报部门:" prop="supervision.suCreateDepartment" :rules="rules.suCreateDepartment" label-width="110px">
                            <el-input v-model="viewcommonproject.supervision.suCreateDepartment" placeholder="请输入填报部门" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="备注:" prop="" label-width="110px">
                            <el-input
                                    disabled
                                    type="textarea"
                                    :autosize="{ minRows: 8, maxRows: 8}"
                                    placeholder=""
                                    maxlength="500"
                                    show-word-limit
                                    v-model="viewcommonproject.supervision.suRemark">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <!--审定信息：审定状态为2：审定未过 、3：审定通过 时展示审定信息-->
                <div v-if="viewcommonproject.supervision.checkStatus==2 || viewcommonproject.supervision.checkStatus==3">
                    <el-row>
                        <el-col :span="4" class="tab-title" disabled>审定信息</el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="6">
                            <el-form-item label="审定人员:" prop="supervision.checkUser" label-width="110px">
                                <el-input v-model="viewcommonproject.supervision.checkUser" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="审定人员机构:" prop="supervision.checkOrg">
                                <el-input v-model="viewcommonproject.supervision.checkOrg" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="审定结果:" prop="supervision.checkResult" label-width="110px">
                                <el-select v-model="viewcommonproject.supervision.checkResult" placeholder="请选择" disabled>
                                    <el-option label="不同意" value="0"></el-option>
                                    <el-option label="同意" value="1"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="审定意见:" prop="supervision.checkView" label-width="110px">
                                <el-input
                                        disabled
                                        type="textarea"
                                        :autosize="{ minRows: 8, maxRows: 8}"
                                        placeholder="请输入内容"
                                        maxlength="500"
                                        show-word-limit
                                        v-model="viewcommonproject.supervision.checkView">
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </div>

                <!-- 操作按钮-->
                <el-row>
                    <el-col :span="22">
                        <div style="float:right;">
                            <el-button type="info" size="small" style="width: 60px;height: 30px;"
                                       @click="viewdialogForm = false">关闭
                            </el-button>
                        </div>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </el-dialog>

    <!--编辑修改-->
    <el-dialog title="" :visible.sync="editdialogForm" center fullscreen>
        <div style="margin-top: 10px;">
            <el-form v-show="newsup" :model="editcommonproject" :rules="rules" ref="editcommonproject" label-width="140px">
                <div v-for="(item,index) in editcommonproject.supervisionChildren">
                    <!--建设工程概况-->
                    <el-row>
                        <el-col :span="4" class="tab-title">
                            建设工程概况
                        </el-col>
                    </el-row>
                    <!--第一行-->
                    <el-row>
                        <!--第一列-->
                        <el-col :span="10" v-if="supType == '4'">
                            <el-form-item label="安评单位名称:" :prop="'supervisionChildren.'+index+'.recordProjectName'" :rules="rules.recordProjectName" label-width="110px">
                                <el-input v-model="item.recordProjectName" placeholder=""
                                          style="width: 500px;" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="10" v-if="supType == '0' || supType == '1' || supType == '2'  || supType == '3'">
                            <el-form-item label="监管项目名称:"  :prop="'supervisionChildren.'+index+'.recordProjectName'" :rules="rules.recordProjectName" label-width="110px">
                                <el-input v-model="item.recordProjectName" placeholder=""
                                          style="width: 500px;" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="10" v-if="supType == '5' || supType == '6'">
                            <el-form-item label="建设项目名称:" :prop="'supervisionChildren.'+index+'.recordProjectName'" :rules="rules.recordProjectName" label-width="110px">
                                <el-input v-model="item.recordProjectName" placeholder=""
                                          style="width: 500px;"></el-input>
                            </el-form-item>
                        </el-col>
                        <!--第二列-->
                        <el-col :span="9" v-if="supType == '5' || supType == '6'">
                            <el-form-item label="建设类别:" :prop="'supervisionChildren.'+index+'.recordProjectType'" :rules="rules.recordProjectType" label-width="110px">
                                <el-select v-model="item.recordProjectType" placeholder="请选择项目类别"
                                           style="width: 300px;">
                                    <el-option label="工业民用建筑" value="0"></el-option>
                                    <el-option label="基础设施" value="1"></el-option>
                                    <el-option label="能源" value="2"></el-option>
                                    <el-option label="水利" value="3"></el-option>
                                    <el-option label="严重次生灾害工程" value="4"></el-option>
                                    <el-option label="其它" value="5"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9" v-if="supType == '0'|| supType == '1'">
                            <el-form-item label="用地类型:" :prop="'supervisionChildren.'+index+'.recordLandType'" :rules="rules.recordLandType" label-width="110px">
                                <el-select v-model="item.recordLandType"  placeholder="请选择项目类别"
                                           style="width: 300px;" disabled>
                                    <el-option label="涉核设施" value="0"></el-option>
                                    <el-option label="国家水电工程" value="1"></el-option>
                                    <el-option label="特殊设防类工程" value="2"></el-option>
                                    <el-option label="严重次生灾害工程" value="3"></el-option>
                                    <el-option label="省级重大建设工程" value="4"></el-option>
                                    <el-option label="重要基础设施" value="5"></el-option>
                                    <el-option label="其他" value="6"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9" v-if="supType == '2'|| supType == '3'">
                            <el-form-item label="工程类别:" :prop="'supervisionChildren.'+index+'.recordProjectType'" :rules="rules.recordProjectType" label-width="110px">
                                <el-form-item prop="">
                                    <el-select  v-model="item.recordProjectType" style="width: 300px;" disabled>
                                        <el-option label="涉核设施" value="0"></el-option>
                                        <el-option label="国家水电工程" value="1"></el-option>
                                        <el-option label="特殊设防类工程" value="2"></el-option>
                                        <el-option label="严重次生灾害工程" value="3"></el-option>
                                        <el-option label="省级重大建设工程" value="4"></el-option>
                                        <el-option label="重要基础设施" value="5"></el-option>
                                        <el-option label="其他" value="6"></el-option>
                                    </el-select>
                                </el-form-item>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9" v-if="supType == '4'">
                            <el-form-item label="单位性质:"  label-width="110px">
                                <el-select  v-model="item.syUnitType" placeholder="请选择" ref="syUnitType" disabled>
                                    <el-option label="事业" value="事业"></el-option>
                                    <el-option label="企业" value="企业"></el-option>
                                </el-select>

                                <el-select  v-model="item.qyUnitType" placeholder="请选择" ref="qyUnitType" disabled>

                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第二行-->
                    <el-row>
                        <!--第一列-->
                        <el-col :span="10" v-if="supType == '0' || supType == '1' || supType == '2'  || supType == '3'">
                            <el-form-item label="项目地址:" v-model="item.recordProjectAddress" :prop="'supervisionChildren.'+index+'.recordProjectAddress'" :rules="rules.recordProjectAddress"
                                          label-width="110px">
		                        <span v-for="(items,indexs) in item.recordProjectAddress">
		                            <el-select v-model="items.provinceValue" placeholder="请选择省" @change="chooseProvince"
                                               style="width: 150px;" disabled>
		                                <el-option
                                                v-for="item in provinceData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                            <span style="color: #C0CCDA;;">—</span>
		                            <el-select v-model="items.cityValue" placeholder="请选择市" @change="chooseCity"
                                               style="width: 150px;" disabled>
		                                <el-option
                                                v-for="item in cityData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                            <span style="color: #C0CCDA;;">—</span>
		                            <el-select v-model="items.areaValue" @change="chooseArea" placeholder="请选择区、县"
                                               style="width: 150px;" disabled>
		                                <el-option
                                                v-for="item in areaData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                        </span>
                            </el-form-item>

                        </el-col>
                        <el-col :span="10" v-if="supType == '4'">
                            <el-form-item label="注册地址:"  :prop="'supervisionChildren.'+index+'.recordProjectAddress'" :rules="rules.recordProjectAddress" label-width="110px">
                                <el-input v-model="item.recordProjectAddress" placeholder="" style="width: 500px;" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="10" v-if="supType == '5' || supType == '6'">
                            <el-form-item label="项目地址:" v-model="item.recordProjectAddress" :prop="'supervisionChildren.'+index+'.recordProjectAddress'" :rules="rules.recordProjectAddress"
                                          label-width="110px">
	                          	<span v-for="(items,indexs) in item.recordProjectAddress">
		                            <el-select v-model="items.provinceValue" placeholder="请选择省" @change="chooseProvince"
                                               style="width: 150px;">
		                                <el-option
                                                v-for="item in provinceData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                            <span style="color: #C0CCDA;;">—</span>
		                            <el-select v-model="items.cityValue" placeholder="请选择市" @change="chooseCity"
                                               style="width: 150px;">
		                                <el-option
                                                v-for="item in cityData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
		                            <span style="color: #C0CCDA;;">—</span>
		                            <el-select v-model="items.areaValue" @change="chooseArea" placeholder="请选择区、县"
                                               style="width: 150px;">
		                                <el-option
                                                v-for="item in areaData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
		                                </el-option>
		                            </el-select>
	                           	</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9">
                            <el-form-item label="监管类别:" prop="supervision.suType" label-width="110px">
                                <el-select v-model="editcommonproject.supervision.suType" placeholder="请选择监管类别" style="width: 300px;" @change="chooseSutype" disabled>
                                    <el-option label="安评工作成果落实(全覆盖监管)" value="3"></el-option>
                                    <el-option label="安评工作成果落实(随机监管)" value="2"></el-option>
                                    <el-option label="区域地震安全性评估成果落实" value="0"></el-option>
                                    <el-option label="地震小区划工作成果落实" value="1"></el-option>
                                    <el-option label="对安评单位的监管" value="4"></el-option>
                                    <el-option label="设防强制性标准的落实" value="5"></el-option>
                                    <el-option label="行政执法行为监管结果落实" value="6"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="10">
                            <el-form-item label="监管日期:" :prop="'supervisionChildren.'+index+'.suTime'" :rules="rules.suTime" label-width="110px">
                                <el-date-picker
                                        type="date"
                                        v-model="item.suTime"
                                        value-format="yyyy-MM-dd"
                                        placeholder="选择监管日期">
                                </el-date-picker>
                            </el-form-item>
                        </el-col>
                        <el-col :span="9">
                            <el-form-item label="监管结果:" :prop="'supervisionChildren.'+index+'.suResult'" :rules="rules.suResult" label-width="110px">
                                <el-select v-model="item.suResult" placeholder="请选择监管结果" style="width: 300px;">
                                    <el-option label="符合要求" value="0"></el-option>
                                    <el-option label="责令整改" value="1"></el-option>
                                    <el-option label="处罚" value="2"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="监管情况说明:" :prop="'supervisionChildren.'+index+'.suExplain'" :rules="rules.suExplain" label-width="110px">
                                <el-input
                                        type="textarea"
                                        :autosize="{ minRows: 8, maxRows: 8}"
                                        placeholder=""
                                        maxlength="500"
                                        show-word-limit
                                        v-model="item.suExplain">
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </div>

                <!--项目填报信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        项目填报信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="监管工作名称:" prop="supervision.projectName" :rules="rules.projectName" label-width="110px">
                            <el-input v-model="editcommonproject.supervision.projectName" placeholder="请输入监管工作名称"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="填报日期:" prop="supervision.suCreateTime" :rules="rules.suCreateTime" label-width="110px">
                            <el-date-picker
                                    v-model="editcommonproject.supervision.suCreateTime"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择填报日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="填报人员:" prop="supervision.suCreateUser" :rules="rules.suCreateUser" label-width="110px">
                            <el-input v-model="editcommonproject.supervision.suCreateUser" placeholder="请输入填报人员"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="填报部门:" prop="supervision.suCreateDepartment" :rules="rules.suCreateDepartment" label-width="110px">
                            <el-input v-model="editcommonproject.supervision.suCreateDepartment" placeholder="请输入填报部门"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="备注:" prop="" label-width="110px">
                            <el-input
                                    type="textarea"
                                    :autosize="{ minRows: 8, maxRows: 8}"
                                    placeholder=""
                                    maxlength="500"
                                    show-word-limit
                                    v-model="editcommonproject.supervision.suRemark">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="22">
                        <div style="float:right;">
                            <el-button type="primary" size="small" style="width: 60px;height: 30px;"
                                       @click="editonSubmit('editcommonproject')">修改
                            </el-button>
                            <el-button type="info" size="small" style="width: 60px;height: 30px;"
                                       @click="resetForm('editcommonproject');editdialogForm = false">取消
                            </el-button>
                        </div>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </el-dialog>

    <!-- 拟制公告 -->
    <el-dialog title="" :visible.sync="dialogGongGaoForm" center fullscreen>
        <div style="margin-top: 10px;">
            <el-form :model="gonggao" :rules="gonggaorules" ref="gonggao" label-width="140px">
                <!--公开公告添加拟制公告表-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        开展监管工作信息拟制公告表
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="20">
                        <el-form-item label="标题:" prop="title" label-width="120px">
                            <el-input v-model="gonggao.title"  placeholder="" maxlength="500" show-word-limit></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="20">
                        <el-form-item label="发文字号:" prop="releaseNumber" label-width="120px">
                            <el-input v-model="gonggao.releaseNumber" placeholder="" maxlength="500" show-word-limit></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row class="companycredit_publicstate">
                    <el-col :span="8">
                        <el-form-item label="公布类别:" prop="isPublic" label-width="120px">
                            <el-radio-group disabled v-model="gonggao.isPublic">
                                <el-radio label="0">公示通报</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="法律法规类别:" prop="lawsType" label-width="120px">
                            <el-input v-model="gonggao.lawsType"  placeholder="" maxlength="50" show-word-limit></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row class="companycredit_publicstate">
                    <el-col :span="8">
                        <el-form-item label="公开状态:" prop="publicState" label-width="120px">
                            <!--<el-select v-model="gonggao.publicState" placeholder="请选择公开状态">
                                <el-option label="未公开" value="0"></el-option>
                                <el-option label="公开" value="1"></el-option>
                            </el-select>-->
                            <el-radio-group v-model="gonggao.publicState">
                                <el-radio :label="0">未公开</el-radio>
                                <el-radio :label="1">公开</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="14">
                        <el-form-item label="公开地址类型:" prop="publicType" label-width="120px">
                            <el-radio-group v-model="gonggao.publicType">
                                <el-radio :label="0">服务门户</el-radio>
                                <el-radio :label="1">工作门户</el-radio>
                                <el-radio :label="2">服务门户和工作门户</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="施行日期:" prop="dateImplementation" label-width="120px">
                            <el-date-picker type="date" v-model="gonggao.dateImplementation"  placeholder="请选择施行日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="关键字:" prop="keyword" label-width="120px">
                            <el-input v-model="gonggao.keyword" placeholder="" maxlength="50" show-word-limit></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="20">
                        <el-form-item label="内容:" prop="attachContent" label-width="120px">
                            <el-input
                                    type="textarea"
                                    :autosize="{ minRows: 8, maxRows: 8}"
                                    placeholder="请输入内容"
                                    maxlength="1000"
                                    show-word-limit
                                    v-model="gonggao.attachContent">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <!--axios查询出来的内容-->
                <el-col style="margin: 0 0 20px;">
                    <el-col :span="2" class="tab"
                            style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                        <span>附加内容:</span>
                    </el-col>
                    <el-col :span="12" style="border: 1px solid #ddd;">
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>监管工作名称</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ commonproject.projectName }}</span>
                            </el-col>
                        </el-row>
                       <!-- <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>项目类别</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span v-if="commonproject.projectType == '0'"
                                      style="padding-left: 15px;">工业民用建筑</span>
                                <span v-if="commonproject.projectType == '1'"
                                      style="padding-left: 15px;">基础设施</span>
                                <span v-if="commonproject.projectType == '2'" style="padding-left: 15px;">能源</span>
                                <span v-if="commonproject.projectType == '3'" style="padding-left: 15px;">水利</span>
                                <span v-if="commonproject.projectType == '4'"
                                      style="padding-left: 15px;">次生灾害工程</span>
                                <span v-if="commonproject.projectType == '5'" style="padding-left: 15px;">其它</span>
                            </el-col>
                        </el-row>-->
                        <!--<el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>项目地址</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ commonproject.projectAddress }}</span>
                            </el-col>
                        </el-row>-->

                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>监管类别</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span v-if="commonproject.suType=='0'"style="padding-left: 15px;">区域地震安全性评估成果落实</span>
                                <span v-if="commonproject.suType==1"style="padding-left: 15px;">地震小区划工作成果落实</span>
                                <span v-if="commonproject.suType==2"style="padding-left: 15px;">安评工作成果落实(随机监管)</span>
                                <span v-if="commonproject.suType==3"style="padding-left: 15px;">安评工作成果落实(全覆盖监管)</span>
                                <span v-if="commonproject.suType==4"style="padding-left: 15px;">对安评单位的监管</span>
                                <span v-if="commonproject.suType==5"style="padding-left: 15px;">设防强制性标准的落实</span>
                                <span v-if="commonproject.suType==6"style="padding-left: 15px;">行政执法行为监管结果落实</span>
                            </el-col>
                        </el-row>
                        <!--<el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>监管日期</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ commonproject.suTime }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>监管结果</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span v-if="commonproject.suResult == '0'" style="padding-left: 15px;">符合要求</span>
                                <span v-if="commonproject.suResult == '1'" style="padding-left: 15px;">责令整改</span>
                                <span v-if="commonproject.suResult == '2'" style="padding-left: 15px;">处罚</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>监管情况说明</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ commonproject.suExplain }}</span>
                            </el-col>
                        </el-row>-->
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>填报日期</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ commonproject.suCreateTime }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>填报人员</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ commonproject.suCreateUser }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>填报部门</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ commonproject.suCreateDepartment }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>备注</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ commonproject.suRemark }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>审定人员</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ commonproject.checkUser }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>审定人员机构</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ commonproject.checkOrg }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>审定结果</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span v-if="commonproject.checkResult == '0'" style="padding-left: 15px;">不同意</span>
                                <span v-if="commonproject.checkResult == '1'" style="padding-left: 15px;">同意</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>审定意见</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ commonproject.checkView }}</span>
                            </el-col>
                        </el-row>
                    </el-col>
                </el-col>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="附件:" label-width="110px">
                            <iframe width="100%" scrolling="no" style="height: 420px;border: none;"
                                    :src="link"></iframe>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="22">
                        <div style="float:right;">
                            <el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="release()">
                                发布
                            </el-button>
                            <el-button type="info" size="small" style="width: 60px;height: 30px;"
                                       @click="dialogGongGaoForm = false;clearForm()">取消
                            </el-button>
                        </div>
                    </el-col>
                </el-row>
            </el-form>

        </div>
    </el-dialog>

    <!-- 查看公告 -->
    <el-dialog title="" :visible.sync="dialogGongGaoViewForm" center fullscreen>
        <el-row>
            <el-col :span="16" :offset="4">
                <div style="margin-top: 10px;">
                    <el-form :model="gonggao" :rules="rules" ref="gonggao">
                        <!--公开公告信息表-->
                        <el-row style="margin-bottom: 10px;">
                            <el-col>
                                <h4 style="margin-top:10px;font-size: 40px;text-align: center;">{{ gonggao.title }}</h4>
                            </el-col>
                        </el-row>
                        <el-row style="margin-bottom: 10px;padding-bottom: 10px;font-size: 24px;border-bottom: 1px solid #ddd;text-align: center;">
                            <el-col :span="5">
                                <span>{{ gonggao.createUser }}</span>
                            </el-col>
                            <el-col span="4">
                                <span>{{ gonggao.inputenTime }}</span>
                            </el-col>
                            <el-col :span="6">
                                <div style="float:right;">
                                    <span v-if="(gonggao.publicType == 0) ? true : false">服务门户</span>
                                    <span v-if="(gonggao.publicType == 1) ? true : false">工作门户</span>
                                    <span v-if="(gonggao.publicType == 2) ? true : false">服务门户和工作门户</span>
                                </div>
                            </el-col>
                            <el-col :span="4">
                                <div style="float:right;">
                                    <span v-if="(gonggao.publicState == 0) ? true : false">未公开</span>
                                    <span v-if="(gonggao.publicState != 0) ? true : false">公开</span>
                                </div>
                            </el-col>
                            <el-col :span="5">
                                <div style="float:right;">
                                    <span v-if="(gonggao.isPublic == 0) ? true : false">公示通报</span>
                                    <span v-if="(gonggao.isPublic == 1) ? true : false">标准规范</span>
                                </div>
                            </el-col>
                        </el-row>
                        <el-row style="margin: 40px 0;font-size: 24px;">
                            <el-col :span="20" :offset="2">
                                <span v-html="gonggao.attachContent"></span>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="24">
                                <el-form-item label="">
                                    <iframe width="100%" scrolling="no" style="border: none;"
                                            :src="link"></iframe>
                                </el-form-item>
                            </el-col>
                        </el-row>
                       <!-- <el-row>
                            <el-col>
                                <div style="float:right;">
                                    <el-button type="info" size="small" style="width: 60px;height: 30px;"
                                               @click="clearForm();dialogGongGaoViewForm = false;">关闭
                                    </el-button>
                                </div>
                            </el-col>
                        </el-row>-->
                    </el-form>
                </div>
            </el-col>
        </el-row>
    </el-dialog>
</div>
<script>
    var vm = new Vue({
        el: '#app',
        data() {
            return {
                uuid: '',
                link: '',
                currentPage: 1, //默认显示页面为1
                pagesize: 10, // 每页的数据条数
                currentPage1: 1, //dialog默认显示页面为1
                pagesize1: 5, // dialog每页的数据条数
                newdialogForm: false,//新增申请弹窗
                viewdialogForm: false,//查看详情弹窗
                editdialogForm: false,//编辑修改弹窗
                checkdialogForm: false,//审定弹窗
                dialogGongGaoForm: false, //拟制公告弹窗
                dialogGongGaoViewForm: false, // 查看公告弹窗
                tableTotal: '',// 条数
                supType:'',
                supTask:[],
                newsup:false,
                projectAddress: '',
                // 地区三级联动参数
                provinceValue: '',
                cityValue: '',
                areaValue: '',
                provinceData: [],
                cityData: [],
                areaData: [],
                // 用户登录信息
                userName: '', // 用户登录名称
                orgName: '', // 组织名称对应项目地址
                orgLevel: '', // 组织等级对应 地市级、省级、中国级地震局用户
                // 搜索表单
                selectForm: {
                    projectName: '',
                    projectType: '',
                    // 监管类别
                    suType: '',
                    // 审定状态
                    checkStatus: '',
                    reportStatus: '',
                    suCreateUser: '',
                    suTime: ''
                },
                gonggao: {
                    publicId: '',
                    relationId: '',
                    createUser: '',
                    inputenTime: '',
                    publicState: '',
                    publicType: '',
                    title: '', // 拟制公告标题
                    attachContent: '', // 内容
                    isPublic : '0',
                    dateImplementation:'',
                    lawsType:'',
                    releaseNumber:'',
                    keyword:''
                },
                commonproject: {
                    projectName: '',
                    projectType: '',
                    projectAddress: '',
                    // su开头为监管
                    suType: '',
                    suTime: '',
                    // 监管结果：0符合要求、1责令整改、2处罚
                    suResult: '',
                    suExplain: '',
                    suCreateTime: '',
                    suCreateUser: '',
                    suCreateDepartment: '',
                    suRemark: '',
                    checkUser: '',
                    checkOrg: '',
                    // 审定结果：0同意，1不同意
                    checkResult: '',
                    checkView: '',
                    // 审定状态
                    checkStatus: '',
                    // 上报状态
                    reportStatus: ''
                },
                /*newcommonproject: {
                    projectName: '',
                    projectType: '',
                    projectAddress: '',
                    // su开头为监管
                    suType: '',
                    suTime: '',
                    // 监管结果：0符合要求、1责令整改、2处罚
                    suResult: '',
                    suExplain: '',
                    suCreateTime: '',
                    suCreateUser: '',
                    // 填报部门
                    suCreateDepartment: '',
                    suRemark: '',
                    checkUser: '',
                    checkOrg: '',
                    // 审定结果：0同意，1不同意
                    checkResult: '',
                    checkView: '',
                    // 上报状态
                    reportStatus: '',
                    orgLevel: '' // 组织等级,新增时设置组织等级
                },
                viewcommonproject: {
                    supervisionChildren:[],
                	supervision:{
                		suType:'',
                		suCreateTime: '',
	                    suCreateUser: '',
	                    // 填报部门
	                    projectName:'',
	                    suCreateDepartment: '',
	                    suRemark: '',
	                    checkUser: '',
	                    checkOrg: '',
	                    // 审定结果：0同意，1不同意
	                    checkResult: '',
	                    checkView: '',
	                    // 上报状态
	                    reportStatus: '',
	                    orgLevel: '' // 组织等级,新增时设置组织等级
                	}
                },
                editcommonproject: {
                    projectName: '',
                    projectType: '',
                    projectAddress: '',
                    // su开头为监管
                    suType: '',
                    suTime: '',
                    // 监管结果：0符合要求、1责令整改、2处罚
                    suResult: '',
                    suExplain: '',
                    suCreateTime: '',
                    suCreateUser: '',
                    suCreateDepartment: '',
                    suRemark: '',
                    checkUser: '',
                    checkOrg: '',
                    // 审定结果：0同意，1不同意
                    checkResult: '',
                    checkView: '',
                    // 上报状态
                    reportStatus: ''
                },*/
                newcommonproject: {
                    supervisionChildren:[],
                    supervision:{
                        suType:'',
                        suCreateTime: '',
                        suCreateUser: '',
                        // 填报部门
                        projectName:'',
                        suCreateDepartment: '',
                        suRemark: '',
                        checkUser: '',
                        checkOrg: '',
                        // 审定结果：0同意，1不同意
                        checkResult: '',
                        checkView: '',
                        // 上报状态
                        reportStatus: '',
                        orgLevel: '' // 组织等级,新增时设置组织等级
                    }
                },
                viewcommonproject: {
                    supervisionChildren:[],
                    supervision:{
                        suType:'',
                        suCreateTime: '',
                        suCreateUser: '',
                        // 填报部门
                        projectName:'',
                        suCreateDepartment: '',
                        suRemark: '',
                        checkUser: '',
                        checkOrg: '',
                        // 审定结果：0同意，1不同意
                        checkResult: '',
                        checkView: '',
                        // 上报状态
                        reportStatus: '',
                        orgLevel: '' // 组织等级,新增时设置组织等级
                    }
                },
                editcommonproject: {
                    supervisionChildren:[],
                    supervision:{
                        suType:'',
                        suCreateTime: '',
                        suCreateUser: '',
                        // 填报部门
                        projectName:'',
                        suCreateDepartment: '',
                        suRemark: '',
                        checkUser: '',
                        checkOrg: '',
                        // 审定结果：0同意，1不同意
                        checkResult: '',
                        checkView: '',
                        // 上报状态
                        reportStatus: '',
                        orgLevel: '' // 组织等级,新增时设置组织等级
                    }
                },
                rules: {
                    recordProjectName: [{
                        required: true,
                        message: '请输入项目名称',
                        trigger: 'blur'
                    }],
                    recordProjectType: [{
                        required: true,
                        message: '请选择类别',
                        trigger: 'change'
                    }],
                    UnitType: [{
                    	required: true,
                        message: '请输入单位性质',
                        trigger: 'blur'
                    }],
                    recordLandType: [{
                        required: true,
                        message: '请选择类别',
                        trigger: 'change'
                    }],
                    recordProjectAddress: [{
                        required: true,
                        message: '请输入项目地址',
                        trigger: 'blur'
                    }],
                    registAddr: [{
                    	required: true,
                        message: '请输入注册地址',
                        trigger: 'blur'
                    }],
                    suType: [{
                        required: true,
                        message: '监管类型',
                        trigger: 'blur'
                    }],
                    suTime: [{
                        required: true,
                        message: '请输入监管时间',
                        trigger: 'blur'
                    }],
                    suResult: [{
                        required: true,
                        message: '监管结果：符合要求、责令整改、处罚',
                        trigger: 'change'
                    }],
                    suExplain: [{
                        required: true,
                        message: '监管情况',
                        trigger: 'blur'
                    }],
                    projectName:[{
                    	required: true,
                        message: '请输入监管工作名称',
                        trigger: 'blur'
                    }],
                    suCreateTime: [{
                        required: true,
                        message: '监管创建时间',
                        trigger: 'blur'
                    }],
                    suCreateUser: [{
                        required: true,
                        message: '监管创建用户',
                        trigger: 'blur'
                    }],
                    suCreateDepartment: [{
                        required: true,
                        message: '监管创建的部门',
                        trigger: 'blur'
                    }],
                    suRemark: [{
                        required: true,
                        message: '监管备注',
                        trigger: 'blur'
                    }],
                    checkUser: [{
                        required: true,
                        message: '请输入审定人员',
                        trigger: 'blur'
                    }],
                    checkOrg: [{
                        required: true,
                        message: '请输入审定人员机构',
                        trigger: 'blur'
                    }],
                    checkResult: [{
                        required: true,
                        message: '请输入审定结果',
                        trigger: 'blur'
                    }],
                    checkView: [{
                        required: true,
                        message: '请输入审定意见',
                        trigger: 'blur'
                    }],
                    checkStatus: [{
                        required: true,
                        message: '请输入审定结果',
                        trigger: 'blur'
                    }],
                    reportStatus: [{
                        required: true,
                        message: '上报状态',
                        trigger: 'blur'
                    }],
                    // 拟制公告公开状态
                    publicState: [{
                        required: true,
                        message: '请选择公开状态',
                        trigger: 'blur'
                    }],
                    // 拟制公共--公开地址类型
                    publicType: [{
                        required: true,
                        message: '请选择公开地址类型',
                        trigger: 'blur'
                    }],
                },
                gonggaorules: {
                    dateImplementation: [{
                        required: true,
                        message: '请选择施行日期',
                        trigger: 'blur'
                    }],
                    releaseNumber: [{
                        required: true,
                        message: '请输入发文字号',
                        trigger: 'blur'
                    }],
                    lawsType: [{
                        required: true,
                        message: '请输入法律法规类别',
                        trigger: 'blur'
                    }],
                    title: [{
                        required: true,
                        message: '请输入标题',
                        trigger: 'blur'
                    }],
                    createUser: [{
                        required: true,
                        message: '请输入创建人',
                        trigger: 'blur'
                    }],
                    inputenTime: [{
                        required: false,
                        message: '',
                        trigger: 'blur'
                    }],
                    attachContent: [{
                        required: true,
                        message: '请输入内容',
                        trigger: 'blur'
                    }],
                    publicType: [{
                        required: true,
                        message: '请输入公开地址类型',
                        trigger: 'blur'
                    }],
                    publicState: [{
                        required: true,
                        message: '请输入公共状态',
                        trigger: 'blur'
                    }],
                    enclosure: [{
                        required: false,
                        message: '',
                        trigger: 'blur'
                    }],
                    isPublic : [{
                        required : true,
                        message : '请选择发布类别',
                        trigger: 'blur'
                    }]
                },
            }

        },
        created() {
            // 地址Json树导入
            axios.get('../../json/ChinaCity.json').then(res => {
                this.provinceData = res.data;
            }).catch(e => {
                this.$message.error("网络连接超时");
            });
            // 获取登录用户信息
            var userInfo = JSON.parse(localStorage.getItem('userInfo'));
            this.orgLevel = userInfo.orgLevel;
            // 中国地震局 ==> 中国, 山东省-济南市地震局 ==> 山东省-济南市
            this.orgName = userInfo.orgName.replace("地震局", "");
            this.userName = userInfo.loginName;
            this.userName = userInfo.loginName;
            console.log("用户名：" + this.userName);
            console.log("组织等级：" + this.orgLevel);
            console.log("组织名称：" + this.orgName);
        },
        mounted() {
            this.getData();
        },
        methods: {
            // 开始分页获取数据，OK
            getData() {
                var pagesize = this.pagesize;
                var pageno = this.currentPage - 1;
                axios({
                    method: 'get',
                    url: '/dzjap/supervision/getPage',
                    params: {
                        projectName: this.selectForm.projectName,
                        projectType: this.selectForm.projectType,
                        suType: this.selectForm.suType,
                        checkStatus: this.selectForm.checkStatus,
                        reportStatus: this.selectForm.reportStatus,
                        suCreateUser: this.selectForm.suCreateUser,
                        suTime: this.selectForm.suTime,
                        projectAddress: this.orgName,
                        orgLevel: this.orgLevel,
                        pageSize: pagesize,
                        pageNo: pageno
                    }
                }).then(response => {
                    console.log(response)
                    if (response.data.code == 200) {
                        console.log(response.data.data.results);
                        this.commonproject = response.data.data.results;
                        this.tableTotal = response.data.data.total;
                    } else {
                        this.$message.error(response.data.msg);
                    }
                }).catch(function (error) {
                    console.log(error);
                });
            },
            // 查询分页获取数据，OK
            searchForm(selectForm) {
                var pagesize = this.pagesize;
                var pageno = this.currentPage - 1;
                console.log(this.selectForm.reCreateUser);
                axios({
                    method: 'get',
                    url: '/dzjap/supervision/getPage',
                    params: {
                        projectName: this.selectForm.projectName,
                        projectType: this.selectForm.projectType,
                        suType: this.selectForm.suType,
                        checkStatus: this.selectForm.checkStatus,
                        reportStatus: this.selectForm.reportStatus,
                        suCreateUser: this.selectForm.suCreateUser,
                        suTime: this.selectForm.suTime,
                        projectAddress: this.orgName,
                        orgLevel: this.orgLevel,
                        pageSize: pagesize,
                        pageNo: pageno
                    }
                }).then(response => {
                    console.log(response)
                    if (response.data.code == 200) {
                        console.log(response.data.data.results)
                        this.commonproject = response.data.data.results;
                        this.tableTotal = response.data.data.total;
                    } else {
                        this.$message.error(response.data.msg);
                    }
                }).catch(function (error) {
                    console.log(error);
                });
            },
            // 表单信息重置，OK
            resetForm(formName) {
                this.$refs[formName].resetFields();
            },
            // 每页下拉显示数据
            handleSizeChange(size) {
                this.pagesize = size;
                this.getData();
                /*console.log(this.pagesize) */
            },
            // 点击第几页
            handleCurrentChange(currentPage) {
                this.currentPage = currentPage;
                this.getData();
                /*console.log(this.currentPage) */
            },
            // 获取年月日
            getCurDate() {
                let date = new Date();
                let y = date.getFullYear();
                let MM = date.getMonth() + 1;
                MM = MM < 10 ? ('0' + MM) : MM;
                let d = date.getDate();
                d = d < 10 ? ('0' + d) : d;
                var curDate = y + '-' + MM + '-' + d;
                return curDate;
            },
            // 点击新增按钮进入新增页面
            apply() {
                this.newsup = false;
                this.newdialogForm = true;
                this.newcommonproject.supervision.suType = '';
                // 新增时回显用户的信息，即系统带出
                this.newcommonproject.supervision.suCreateTime = this.getCurDate();
                this.newcommonproject.supervision.suCreateUser = this.userName;
                this.newcommonproject.supervision.suCreateDepartment = this.orgName + '地震局';
                // 地区表单置空
                this.provinceValue = '',
                this.cityValue = '',
                this.areaValue = ''
            },
            // 新增，暂存
            onSubmit(formName) {
                this.$refs[formName].validate((valid) => {
                    console.log(valid)
                    if (valid) {
                        this.newdialogForm = false;
                        if(this.supType !='4' && this.supType !='5'&& this.supType !='6'){
                            for(let i = 0;i < this.newcommonproject.supervisionChildren.length;i++){
                                var projectAddress = this.newcommonproject.supervisionChildren[i].recordProjectAddress;
                                var address = '';
                                for (let j = 0; j < projectAddress.length; j++) {
                                    address +=  projectAddress[j].provinceValue + '-' + projectAddress[j].cityValue + '-' + projectAddress[j].areaValue;
                                    if (j < projectAddress.length-1) {
                                        address += ',';
                                    }
                                }
                                this.newcommonproject.supervisionChildren[i].recordProjectAddress = address;
                            }
                        }

                        console.log(this.newcommonproject)
                        // 省级用户新增设置组织等级为1
                        this.newcommonproject.supervision.orgLevel = '2';
                        axios({
                            method: 'post',
                            url: '/dzjap/supervision/zcadd',
                            data: this.newcommonproject
                        }).then((res) => {
                            console.log(res);
                            if (res.data.code == 200) {
                                // 提交成功将要执行的代码
                                // this.commonproject.push(this.newcommonproject);
                                this.$message({
                                    message: '暂存成功',
                                    type: 'success'
                                });
                                // 刷新数据
                                this.getData();
                                // 关闭窗口
                                this.newsup = false;
                                this.newdialogForm = false;
                                this.newcommonproject.supervision.suType = '';
                                // 表单置空
                                this.newcommonproject = {
                                    supervisionChildren:[],
                                    supervision:{
                                        suType:'',
                                        suCreateTime: '',
                                        suCreateUser: '',
                                        // 填报部门
                                        projectName:'',
                                        suCreateDepartment: '',
                                        suRemark: '',
                                        checkUser: '',
                                        checkOrg: '',
                                        // 审定结果：0同意，1不同意
                                        checkResult: '',
                                        checkView: '',
                                        // 上报状态
                                        reportStatus: '',
                                        orgLevel: '' // 组织等级,新增时设置组织等级
                                    }
                                }
                            }
                        })
                    } else {
                        console.log("error!!");
                        return false;
                    }
                });

            },

            // 保存，并且设置状态已提交
            saveonSubmit(formName) {
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        // 对地址数组处理成按照逗号分隔的字符串
                        if(this.supType !='4' && this.supType !='5'&& this.supType !='6'){
                            for(let i = 0;i < this.newcommonproject.supervisionChildren.length;i++){
                                var projectAddress = this.newcommonproject.supervisionChildren[i].recordProjectAddress;
                                var address = '';
                                for (let j = 0; j < projectAddress.length; j++) {
                                    address +=  projectAddress[j].provinceValue + '-' + projectAddress[j].cityValue + '-' + projectAddress[j].areaValue;
                                    if (j < projectAddress.length-1) {
                                        address += ',';
                                    }
                                }
                                this.newcommonproject.supervisionChildren[i].recordProjectAddress = address;
                            }
                        }
                        console.log(this.newcommonproject)
                        // 省级用户新增设置组织等级为1
                        this.newcommonproject.supervision.orgLevel = '2';
                        console.log(this.newcommonproject.supervision.suType);
                        console.log(this.newcommonproject);
                        axios({
                            method: 'post',
                            url: '/dzjap/supervision/add',
                            data: this.newcommonproject
                        }).then((res) => {
                            console.log(res);
                            if (res.data.code == 200) {
                                // 提交成功将要执行的代码
                                // this.commonproject.push(this.newcommonproject);
                                this.$message({
                                    message: '提交成功',
                                    type: 'success'
                                });
                                // 刷新数据
                                this.getData();
                                // 表单置空
                                this.newsup = false;
                                this.newdialogForm = false;
                                this.newcommonproject.supervision.suType = '';
                                this.newcommonproject = {
                                    supervisionChildren:[],
                                    supervision:{
                                        suType:'',
                                        suCreateTime: '',
                                        suCreateUser: '',
                                        // 填报部门
                                        projectName:'',
                                        suCreateDepartment: '',
                                        suRemark: '',
                                        checkUser: '',
                                        checkOrg: '',
                                        // 审定结果：0同意，1不同意
                                        checkResult: '',
                                        checkView: '',
                                        // 上报状态
                                        reportStatus: '',
                                        orgLevel: '' // 组织等级,新增时设置组织等级
                                    }
                                }
                            }
                        })
                    } else {
                        console.log("error!!");
                        return false;
                    }
                });
            },
            clearForm() {
                // 公告表单清空
                this.gonggao = {
                    publicId: '',
                    relationId: '',
                    content: '',
                    publicState: '',
                    publicType: '',
                    title: '', // 
                    attachContent: '', //
                    isPublic: '0',
                    dateImplementation:'',
                    lawsType:'',
                    releaseNumber:'',
                    keyword:''
                }
            },
            // 获取UUID的方法
            getUuid() {
                axios({
                    method: 'get',
                    url: '/dzjap/uuid/getUuid',
                }).then(response => {
                    console.log(response);
                    if (response.data.code == 200) {
                        this.uuid = response.data.data;
                        this.link = "../upload/annex.html?uuid=" + this.uuid + "&flag=1";
                        console.log(this.uuid);
                    } else {
                        this.$message.error(response.data.msg);
                    }
                }).catch(function (error) {
                    console.log(error);
                });
            },
            // 点击查看公告
            viewgongGao(index, row) {
                // 公告表单重置
                this.clearForm();
                this.dialogGongGaoViewForm = true;
                axios({
                    method: 'get',
                    url: '/dzjap/publick/getGlPublick',
                    params: {
                        relationId: row.suId
                    }
                }).then(response => {
                        let data = response.data;
                        if (data.code == 200) {
                            let rowdata = response.data.data;
                            console.log("公告ID：" + rowdata.publicId);
                            this.gonggao = rowdata;
                            // 公告的附件
                            if (this.gonggao.publicId != '') {
                                this.uuid = this.gonggao.publicId;
                                this.link = "../upload/annex.html?uuid=" + this.uuid + "&flag=0";
                            }
                        } else {
                            this.$message.error(data.msg);
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });
            },
            // 点击拟制公告，进入dialog拟制页面
            gongGao(index, row) {
                this.clearForm();
                this.dialogGongGaoForm = true;
                this.commonproject = row;
                this.gonggao.relationId = row.suId;
                // 获取uuid并且赋值给this.uuid
                this.getUuid();
            },
            // 拟制公告--发布
            release() {
                this.$refs.validate((valid) => {
                    if(valid) {
                        this.gonggao.publicId = this.uuid;
                        this.gonggao.attachContent = this.gonggao.attachContent.replace(/[\n\r]/g,'<br/>');
                        axios({
                            method: 'post',
                            url: '/dzjap/supervision/addPublick/',
                            data: this.gonggao
                        }).then(response => {
                            let data = response.data;
                            if (data.code == 200) {
                                // 拟制公告--发布成功
                                this.$message({
                                    message: '拟制公告发布成功',
                                    type: 'success'
                                });
                                // 公告表单重置
                                this.clearForm();
                                this.commonproject = {
                                    projectName: '',
                                    projectType: '',
                                    suType: '',
                                    suTime: '',
                                    suResult: '',
                                    suExplain: '',
                                    suCreateTime: '',
                                    suCreateUser: '',
                                    suCreateDepartment: '',
                                    suRemark: '',
                                    checkUser: '',
                                    checkOrg: '',
                                    checkResult: '',
                                    checkView: '',
                                    reportStatus: '',
                                    orgLevel: ''
                                };
                                this.getData();
                                this.dialogGongGaoForm = false;
                            } else {
                                this.$message.error(data.msg);
                            }
                        }).catch(function (error) {
                            console.log(error);
                        });
                    }
                });

            },
            // 按钮查看
            view(index, row) {
                this.supType = row.suType;
                console.log(row.suId)
                this.newsup = true;
                axios({
                    method: 'get',
                    url: '/dzjap/supervision/getSupervisionList',
                    params: {
                        Id:row.suId
                    }
                }).then(response => {
                    console.log(response)
                    if (response.data.code == 200) {
                        console.log(response.data.data);
                        this.viewcommonproject = response.data.data;
                        if(this.supType != '4'){
                            for(let i = 0;i < this.viewcommonproject.supervisionChildren.length;i++){
                                var proAddress = this.viewcommonproject.supervisionChildren[i].recordProjectAddress.split(",");
                                console.log(proAddress);
                                this.viewcommonproject.supervisionChildren[i].recordProjectAddress = [];
                                for(let j = 0;j < proAddress.length;j++){
                                    this.viewcommonproject.supervisionChildren[i].recordProjectAddress.push({
                                        provinceValue:proAddress[j].split("-")[0],
                                        cityValue:proAddress[j].split("-")[1],
                                        areaValue:proAddress[j].split("-")[2]
                                    })
                                }
                            }
                        }
                    } else {
                        this.$message.error(response.data.msg);
                    }
                }).catch(function (error) {
                    console.log(error);
                });
            },
            edit(index, row) {
                this.editdialogForm = true;
                this.supType = row.suType;
                console.log(row.suId)
                this.newsup = true;
                axios({
                    method: 'get',
                    url: '/dzjap/supervision/getSupervisionList',
                    params: {
                        Id:row.suId
                    }
                }).then(response => {
                    console.log(response)
                    if (response.data.code == 200) {
                        console.log(response.data.data);
                        this.editcommonproject = response.data.data;
                        if(this.supType != '4'){
                            for(let i = 0;i < this.editcommonproject.supervisionChildren.length;i++){
                                var proAddress = this.editcommonproject.supervisionChildren[i].recordProjectAddress.split(",");
                                console.log(proAddress);
                                this.editcommonproject.supervisionChildren[i].recordProjectAddress = [];
                                for(let j = 0;j < proAddress.length;j++){
                                    this.editcommonproject.supervisionChildren[i].recordProjectAddress.push({
                                        provinceValue:proAddress[j].split("-")[0],
                                        cityValue:proAddress[j].split("-")[1],
                                        areaValue:proAddress[j].split("-")[2]
                                    })
                                }
                            }
                        }
                        if(this.supType == '5'|| this.supType == '6'){
                            axios.get('../../json/ChinaCity.json').then(res=>{
                                this.editcommonproject.supervisionChildren[0].recordProjectAddress.forEach((item, index) => {
                                    this.provinceData = res.data;
                                    this.provinceData.map(e=>{//遍历数据
                                        if( item.provinceValue == e.name){
                                            this.cityData = e.cityList;
                                            this.cityData.map(e=>{//遍历数据
                                                if( item.cityValue == e.name){
                                                    this.areaData = e.areaList;
                                                    return;
                                                }
                                            })
                                            return;
                                        }
                                    })
                                })
                            }).catch(e => {
                                this.$message.error("网络连接超时");
                            })
                        }
                    } else {
                        this.$message.error(response.data.msg);
                    }
                }).catch(function (error) {
                    console.log(error);
                });
            },
            // 修改
            editonSubmit(formName) {
                console.log(this.editcommonproject);
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        this.editdialogForm = false;
                        if(this.supType !='4'/*&& this.supType !='5'&& this.supType !='6'*/){
                            for(let i = 0;i < this.editcommonproject.supervisionChildren.length;i++){
                                var projectAddress = this.editcommonproject.supervisionChildren[i].recordProjectAddress;
                                var address = '';
                                for (let j = 0; j < projectAddress.length; j++) {
                                    address +=  projectAddress[j].provinceValue + '-' + projectAddress[j].cityValue + '-' + projectAddress[j].areaValue;
                                    if (j < projectAddress.length-1) {
                                        address += ',';
                                    }
                                }
                                this.editcommonproject.supervisionChildren[i].recordProjectAddress = address;
                            }
                        }
                        axios({
                            method: 'post',
                            url: '/dzjap/supervision/update',
                            // data中必须有reId
                            data: this.editcommonproject
                        }).then((res) => {
                            console.log(res);
                            if (res.data.code == 200) {
                                // 提交成功将要执行的代码
                                this.getData();
                                // 地区表单置空
                                this.provinceValue = '';
                                this.cityValue = '';
                                this.areaValue = '';
                                this.$message({
                                    message: '修改成功',
                                    type: 'success'
                                });

                            }
                        });
                    } else {
                        console.log("error!!");
                        return false;
                    }
                });
            },
            // 操作按钮提交
            submit(index, row) {
                this.$confirm('确定要提交吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    // 若提交状态为0:未提交
                    if (row.checkStatus == '0') {
                        axios({
                            method: 'post',
                            url: '/dzjap/supervision/submit/' + row.suId,
                        }).then((res) => {
                            console.log(res.data);
                            if (res.data.code == 200) {
                                // 提交成功将要执行的代码
                                console.log(res.data.msg);
                                this.getData();
                                this.$message({
                                    type: 'success',
                                    message: '提交成功!'
                                });
                            }
                        });
                    } else {
                        this.$message({
                            type: 'error',
                            message: '已提交，不可再提交！'
                        });
                    }
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '取消提交'
                    });
                });
            },
            // 撤回,该功能已不用
            recallsubmit(index, row) {
                this.$confirm('确定要撤回吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    // 若提交状态为1:已提交未审定
                    if (row.checkStatus == '1') {
                        axios({
                            method: 'post',
                            url: '/dzjap/supervision/recall/' + row.suId,
                        }).then((res) => {
                            console.log(res.data);
                            if (res.data.code == 200) {
                                // 提交成功将要执行的代码
                                console.log(res.data.msg);
                                this.getData();
                                this.$message({
                                    type: 'success',
                                    message: '撤回成功!'
                                });
                            }
                        });
                    } else {
                        // 按钮操作那边控制，不会走这边了
                        this.$message({
                            type: 'error',
                            message: '已撤回，不可再撤回！'
                        });
                    }
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '取消撤回'
                    });
                });
            },
            // 删除
            del(index, row) {
                this.$confirm('确定要删除吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    axios({
                        method: 'post',
                        url: '/dzjap/supervision/delete/' + row.suId,
                    }).then((res) => {
                        console.log(res);
                        if (res.data.code == 200) {
                            this.commonproject.splice(index, 1);
                            this.getData();
                            this.$message({
                                type: 'success',
                                message: '删除成功!'
                            });
                        }
                    });
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '取消删除'
                    });
                });
            },

            chooseSutype(value){
                this.newsup = false;
                this.supType = value;
                this.newcommonproject.supervisionChildren = [];
                if(value == '3'){
                    /*this.newsup = true;*/
                    this.dialogFormVisible = true;
                    this.supTask = [];
                    var pagesize1 = this.pagesize1;
                    var pageno1 = this.currentPage1;
                    axios({
                        method: 'get',
                        url: '/dzjap/supersiveController/getTask',
                        params: {
                            type: this.supType,
                            pageSize: pagesize1,
                            pageNo: pageno1
                        }
                    }).then(response => {
                        if (response.data.code == 200) {
                            this.supTask = response.data.data.results;
                            this.tableTotal1 = response.data.data.total;
                        } else {
                            this.$message.error(response.data.msg);
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });
                    /*axios({
                        method: 'get',
                        url: '/dzjap/supersiveController/getTask',
                        params: {
                            type: value
                        }
                    }).then(response => {
                        if (response.data.code == 200) {
                            this.dialogFormVisible = false;
                            for(let i = 0;i < response.data.data.length;i++){
                                this.newcommonproject.supervisionChildren.push({
                                    recordProjectName:response.data.data[i].recordProjectName,
                                    recordProjectType:response.data.data[i].recordProjectType,
                                    recordProjectAddress:[],
                                    suTime:'',
                                    suResult:'',
                                    suExplain:''
                                })
                                var proAddress = response.data.data[i].recordProjectAddress.split(",");
                                response.data.data[i].recordProjectAddress = [];
                                for(let j = 0;j < proAddress.length;j++){
                                    this.newcommonproject.supervisionChildren[i].recordProjectAddress.push({
                                        provinceValue:proAddress[j].split("-")[0],
                                        cityValue:proAddress[j].split("-")[1],
                                        areaValue:proAddress[j].split("-")[2]
                                    })
                                }

                            }
                        }else {
                            this.$message.error(response.data.msg);
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });*/
                }else if(value == '5'|| value == '6'){
                    this.newsup = true;
                    this.newcommonproject.supervisionChildren.push({
                        recordProjectName:'',
                        recordProjectType:'',
                        recordProjectAddress:'',
                        suTime:'',
                        suResult:'',
                        suExplain:''
                    })
                }else{
                    this.dialogFormVisible = true;
                    this.supTask = [];
                    var pagesize1 = this.pagesize1;
                    var pageno1 = this.currentPage1;
                    axios({
                        method: 'get',
                        url: '/dzjap/supersiveController/getTask',
                        params: {
                            type: this.supType,
                            pageSize: pagesize1,
                            pageNo: pageno1
                        }
                    }).then(response => {
                        if (response.data.code == 200) {
                            this.supTask = response.data.data.results;
                            this.tableTotal1 = response.data.data.total;
                        } else {
                            this.$message.error(response.data.msg);
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });
                    //          	var arr = row.recordProjectAddress.split(",");
                    //              this.address=[];
                    //              for(let i=0;i<arr.length;i++){
                    //              	this.address.push({
                    //              		provinceValue:arr[i].split("-")[0],
                    //		                cityValue:arr[i].split("-")[1],
                    //		                areaValue:arr[i].split("-")[2]
                    //              	})
                    //              }
                }

            },
            // 每页下拉显示数据
            handleSizeChange1(size) {
                this.pagesize1 = size;
                this.chooseSutype(this.supType);
                /*console.log(this.pagesize) */
            },
            // 点击第几页
            handleCurrentChange1(currentPage) {
                this.currentPage1 = currentPage;
                this.chooseSutype(this.supType);
                /*console.log(this.currentPage) */
            },
            canCel(){
                this.newsup = false;
                this.newcommonproject.supervision.suType = '';
            },
            cellClick(row, e) {
                this.newcommonproject.supervisionChildren = [];
                this.newsup = true;
                console.log(row);
                if(this.supType == '3') {
                    this.dialogFormVisible = false;
                    this.newcommonproject.supervisionChildren.push({
                        recordProjectName:row.recordProjectName,
                        recordProjectType:row.recordProjectType,
                        recordProjectAddress:[],
                        suTime:'',
                        suResult:'',
                        suExplain:''
                    })
                    var proAddress = row.recordProjectAddress.split(",");
                    row.recordProjectAddress = [];
                    for(let j = 0;j < proAddress.length;j++){
                        this.newcommonproject.supervisionChildren[0].recordProjectAddress.push({
                            provinceValue:proAddress[j].split("-")[0],
                            cityValue:proAddress[j].split("-")[1],
                            areaValue:proAddress[j].split("-")[2]
                        })
                    }
                } else if(this.supType == '4'){
                    axios({
                        method: 'get',
                        url: '/dzjap/supersiveController/getpro',
                        params: {
                            type: this.supType,
                            taskId:row.id,
                        }
                    }).then(response => {
                        console.log(response)
                        if (response.data.code == 200) {
                            console.log(response.data.data);
                            this.dialogFormVisible = false;
                            for(let i = 0;i < response.data.data.length;i++){
                                this.newcommonproject.supervisionChildren.push({
                                    recordProjectName:response.data.data[i].unitName,
                                    syUnitType:response.data.data[i].syUnitType,
                                    qyUnitType:response.data.data[i].qyUnitType,
                                    recordProjectAddress:response.data.data[i].registAddr,
                                    suTime:'',
                                    suResult:'',
                                    suExplain:''
                                })
                            }
                        } else {
                            this.$message.error(response.data.msg);
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });
                }else{
                    axios({
                        method: 'get',
                        url: '/dzjap/supersiveController/getpro',
                        params: {
                            type: this.supType,
                            taskId:row.id,
                        }
                    }).then(response => {
                        console.log(response)
                        if (response.data.code == 200) {
                            console.log(response.data.data);
                            this.dialogFormVisible = false;
                            for(let i = 0;i < response.data.data.length;i++){
                                this.newcommonproject.supervisionChildren.push({
                                    recordProjectName:response.data.data[i].recordProjectName,
                                    recordProjectType:response.data.data[i].recordProjectType,
                                    recordLandType:response.data.data[i].recordLandType,
                                    recordProjectAddress:[],
                                    suTime:'',
                                    suResult:'',
                                    suExplain:''
                                })
                                var proAddress = response.data.data[i].recordProjectAddress.split(",");
                                console.log(proAddress);
                                response.data.data[i].recordProjectAddress = [];
                                for(let j = 0;j < proAddress.length;j++){
                                    this.newcommonproject.supervisionChildren[i].recordProjectAddress.push({
                                        provinceValue:proAddress[j].split("-")[0],
                                        cityValue:proAddress[j].split("-")[1],
                                        areaValue:proAddress[j].split("-")[2]
                                    })
                                }

                            }
                        } else {
                            this.$message.error(response.data.msg);
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });
                }


            },
            handleDialogClose() {
                this.dialogFormVisible = false;
                this.newsup = false;
                this.newcommonproject.supervision.suType = '';
            },
            // 地区三级联动数据选择
            chooseProvince(value) {
                this.cityValue = '';
                this.areaValue = '';
                this.cityData = [];
                this.areaData = [];
                this.provinceData.map(e => {//遍历数据
                    if (value == e.name) {
                        this.cityData = e.cityList;
                        return;
                    }
                })
                console.log(value)
                this.newprovinceValue = value;
            },
            chooseCity(value) {
                this.areaValue = '';
                this.cityData.map(e => {//遍历数据
                    if (value == e.name) {
                        this.areaData = e.areaList;
                        return;
                    }
                })
                console.log(value)
                this.cityValue = value;

            },
            chooseArea(value) {
                console.log(value)
                this.areaValue = value;
                this.newcommonproject.supervisionChildren[0].recordProjectAddress = this.provinceValue + "-" + this.cityValue + "-" + this.areaValue;
                console.log(this.newcommonproject.recordProjectAddress)
            },
            editchooseArea(value) {
                console.log(value)
                this.areaValue = value;
                this.editcommonproject.supervisionChildren[0].recordProjectAddress = this.provinceValue + "-" + this.cityValue + "-" + this.areaValue;
                console.log(this.editcommonproject.recordProjectAddress)
            },

            handleChange(file, fileList) {
                this.fileList = fileList.slice(-3);
            },

            // 验证字符串是否电话号
            checkTel(str) {
                let re = /^\d{3}-\d{8}|\d{4}-\d{7}$/;
                if (re.test(str)) {
                    return true;
                } else {
                    return false;
                }
            },
            //验证非负浮点数值
            checkNum(str){
                let re=/^\d+(\.\d+)?$/;
                if (re.test(str)) {
                    return true;
                } else {
                    return false;
                }
            },
            //验证营业执照或证件三合一
            checkCard(str){
                let re=/(^(?:(?![IOZSV])[\dA-Z]){2}\d{6}(?:(?![IOZSV])[\dA-Z]){10}$)|(^\d{15}$)/;
                if (re.test(str)) {
                    return true;
                } else {
                    return false;
                }
            }
        }

    })
</script>
</body>
</html>